<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"/>
	<script type="text/javascript" src="../mootools-1.2-core.js"></script>
	<script type="text/javascript" src="../gun.gchart.js"></script>
	<script type="text/javascript">
	var theme = new gun.gchart.Theme();
	theme.setTitle(24, 'ff0000');
	theme.setFillBackground('gradient', '', 0, ['76A4FB',1,'ffffff',0]);
	theme.setChartColors(['FF6600', '330099', '009933']);

	window.addEvent('domready', function() {
		new gun.gchart.Meter({
			size: [400, 200],
			title: 'google-o-meter 1',
			data: {'orange': 100, 'apple':20, 'melon':50},
			theme: theme
		}).inject('chartContainer1');
	});
	</script>

</head>
<body>

	<div id="chartContainer1"></div>
	<div id="chartContainer2"><script type="text/javascript">
		new gun.gchart.Meter({
			size: [400, 200],
			title: 'google-o-meter 2',
			data: {'orange': 50},
			encode: gun.gchart.ENCODE_TEXT,
			scale: [0,100]
		}).draw();
	</script></div>

</body>
</html>